<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="wap-font-scale" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>找我家</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/jBox.css">
    <link rel="stylesheet" href="css/sliderBox.float.css">
    <link rel="stylesheet" href="css/base.min.css">
    <link rel="stylesheet" href="css/user.min.css">
</head>
<body>
<div class="wrap gray">
    <div class="head-box">
        <div class="header">
            <div class="container">
                <div class="row">
                    <div class="logo-box">
                        <a class="logo" href="index.html"><img src="img/logo.png"></a>
                        <div class="area-box">
                            <div class="fb-select-box fn-hover-bar">
                                <label class="hd">
                                    <i class="glyphicon glyphicon-map-marker"></i>
                                    <span id="cityName">重庆市</span>
                                    <em class="glyphicon glyphicon-triangle-bottom"></em>
                                </label>
                                <div class="bd fn-hover-menu">
                                    <div class="city-box">
                                        <div class="title clearfix">
                                            <a href="javascript:;" class="active">热门城市</a>
                                            <a href="javascript:;">ABCD</a>
                                            <a href="javascript:;">FGHJ</a>
                                            <a href="javascript:;">KLMN</a>
                                            <a href="javascript:;">QSTW</a>
                                            <a href="javascript:;">XYZ</a>
                                        </div>
                                        <div class="cont">
                                            <div class="item active">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">北京市</a>
                                                    <a href="javascript:;">上海市</a>
                                                    <a href="javascript:;">广州市</a>
                                                    <a href="javascript:;">深圳市</a>
                                                    <a href="javascript:;">成都市</a>
                                                    <a href="javascript:;">重庆市</a>
                                                    <a href="javascript:;">武汉市</a>
                                                    <a href="javascript:;">沈阳市</a>
                                                    <a href="javascript:;">大连市</a>
                                                    <a href="javascript:;">郑州市</a>
                                                    <a href="javascript:;">西安市</a>
                                                    <a href="javascript:;">南京市</a>
                                                    <a href="javascript:;">苏州市</a>
                                                    <a href="javascript:;">无锡市</a>
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                    <a href="javascript:;">昆明市</a>
                                                    <a href="javascript:;">南宁市</a>
                                                    <a href="javascript:;">合肥市</a>
                                                    <a href="javascript:;">长沙市</a>
                                                    <a href="javascript:;">青岛市</a>
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                    <a href="javascript:;">贵阳市</a>
                                                    <a class="active" href="javascript:;">[ 更多 ]</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">北京市</a>
                                                    <a href="javascript:;">上海市</a>
                                                    <a href="javascript:;">广州市</a>
                                                    <a href="javascript:;">深圳市</a>
                                                    <a href="javascript:;">成都市</a>
                                                    <a href="javascript:;">重庆市</a>
                                                    <a href="javascript:;">武汉市</a>
                                                    <a href="javascript:;">沈阳市</a>
                                                    <a href="javascript:;">大连市</a>
                                                    <a href="javascript:;">郑州市</a>
                                                    <a href="javascript:;">西安市</a>
                                                    <a href="javascript:;">南京市</a>
                                                    <a href="javascript:;">苏州市</a>
                                                    <a href="javascript:;">无锡市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                    <a href="javascript:;">昆明市</a>
                                                    <a href="javascript:;">南宁市</a>
                                                    <a href="javascript:;">合肥市</a>
                                                    <a href="javascript:;">长沙市</a>
                                                    <a href="javascript:;">青岛市</a>
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav-box">
                        <ul>
                            <li class="active"><a href="index.html">首页</a></li>
                            <li><a href="afflatus.html">装修灵感</a></li>
                            <!--<li><a href="stylist.html">在线服务</a></li>-->
                            <li><a href="originality.html">创意工坊</a></li>
                            <li><a href="design.html">3D设计</a></li>
                        </ul>
                        <div class="login-register"><a href="login.html">登录</a>／<a href="register.html">入驻</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner static h507">
            <label><img src="img/slide/banner7.jpg"></label>
            <div class="bg">
                <div class="d-table d-height">
                    <div class="cell">
                        <div class="container">
                            <div class="row">
                                <div class="search-container">
                                    <div class="search-box">
                                        <div class="title">
                                            <label class="step-box">
                                                <span class="fl"><i>1</i>搜索小区</span>
                                                <span><i>2</i>选择户型</span>
                                                <span class="fr"><i>3</i>查看装修方案</span>
                                                <em class="line"></em>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="search-cont">
                                        <label class="form-input big background white clean">
                                            <input type="text" placeholder="输入楼盘名称，快速查找装修方案">
                                            <a class="clean-btn" href="javascript:;">&times;</a>
                                        </label>
                                        <a class="fb-btn big background blue" href="mine-family.html">找我家</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cont-box">
        <div class="fb-module mt-30">
            <div class="module-cont">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="ins-information b-small">
                                <div class="ins-banner">
                                    <div class="swiper-container" id="insBanner">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <img data-src="img/slide/afflatus-details1.jpg" class="swiper-lazy">
                                                <div class="swiper-lazy-preloader"></div>
                                            </div>
                                            <div class="swiper-slide">
                                                <img data-src="img/slide/afflatus-details2.jpg" class="swiper-lazy">
                                                <div class="swiper-lazy-preloader"></div>
                                            </div>
                                            <div class="swiper-slide">
                                                <img data-src="img/slide/afflatus-details3.jpg" class="swiper-lazy">
                                                <div class="swiper-lazy-preloader"></div>
                                            </div>
                                            <div class="swiper-slide">
                                                <img data-src="img/slide/afflatus-details4.jpg" class="swiper-lazy">
                                                <div class="swiper-lazy-preloader"></div>
                                            </div>
                                            <div class="swiper-slide">
                                                <img data-src="img/slide/afflatus-details2.jpg" class="swiper-lazy">
                                                <div class="swiper-lazy-preloader"></div>
                                            </div>
                                        </div>
                                        <div class="swiper-thumb clearfix">
                                            <div class="item active">
                                                <a href="javascript:;">
                                                    <img src="img/slide/afflatus-details1.jpg">
                                                    <!--<em></em>-->
                                                </a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;">
                                                    <img src="img/slide/afflatus-details2.jpg">
                                                    <!--<em></em>-->
                                                </a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;">
                                                    <img src="img/slide/afflatus-details3.jpg">
                                                    <!--<em></em>-->
                                                </a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;">
                                                    <img src="img/slide/afflatus-details4.jpg">
                                                    <!--<em></em>-->
                                                </a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;">
                                                    <img src="img/slide/afflatus-details2.jpg">
                                                    <!--<em></em>-->
                                                </a>
                                            </div>
                                        </div>
                                        <div class="swiper-btn">
                                            <div class="btn left">
                                                <span class="swiper-button-prev swiper-button-white"></span>
                                            </div>
                                            <div class="btn right">
                                                <span class="swiper-button-next swiper-button-white"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="family-details">
                                <label class="fa-title">中交中央公园</label>
                                <p>
                                    <span>项目位于两江新区“黄金三角”核心区——“国际中心区”内，地处开放式城市公园——“中央公园”旁，是由世界500强中交建下属拥有绿城地产、中房地产双上市企业的中交地产倾力打造。</span>
                                </p>
                                <p class="tm-indent">
                                    <span>项目占地777.7亩，总建筑面积约192万方，项目规划住宅、商务、商业等全业态产品，定位打造成国际、时尚、艺术的大型城市综合体，在公共景观方面拥有中央公园以及市政公园，同时拥有区域内唯一镜湖水系，将为重庆开启公园都会生活模式。</span>
                                </p>
                                <p class="tm-indent">
                                    <span>项目位于两江新区“黄金三角”核心区——“国际中心区”内，地处开放式城市公园——“中央公园”旁，是由世界500强中交建下属拥有绿城地产、中房地产双上市企业的中交地产倾力打造。</span>
                                </p>
                                <p class="tm-indent">
                                    <span>项目坐享轨道、航空、路网三维立体交通体系，四横四纵快速干道通达全城，多条轻轨线路布局，距离机场不到6公里，距离寸滩港约11公里，龙头寺火车站约12公里。</span>
                                </p>
                                <p class="tm-indent">
                                    <span>项目全生命周期国际化教育体系配套，在项目核心地块内，规划两所国际双语幼儿园、一所小学和一所中学，以优厚的条件引进重庆优质教育资源。</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="filtrate-box pl-0 pr-0">
                    <div class="filtrate-bg">
                        <div class="item">
                            <em>房型：</em>
                            <label>
                                <a class="tc-blue" href="javascript:;">不限</a>
                                <a href="javascript:;">一居室</a>
                                <a href="javascript:;">二居室</a>
                                <a href="javascript:;">三居室</a>
                                <a href="javascript:;">四居室</a>
                                <a href="javascript:;">五居室</a>
                                <a href="javascript:;">六居室</a>
                                <a href="javascript:;">七居室</a>
                            </label>
                        </div>
                        <div class="item">
                            <em>面积：</em>
                            <label>
                                <a class="tc-blue" href="javascript:;">不限</a>
                                <a href="javascript:;">50㎡及以下</a>
                                <a href="javascript:;">50-80㎡</a>
                                <a href="javascript:;">80-100㎡</a>
                                <a href="javascript:;">100-130㎡</a>
                                <a href="javascript:;">130㎡及以上</a>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="fb-module">
                    <div class="module-title">
                        <span class="has-icon"><i></i>该楼盘共7个户型图</span>
                    </div>
                    <div class="module-cont">
                        <div class="family-list">
                            <div class="col-xs-3">
                                <div class="fa-item">
                                    <div class="border">
                                        <a href="mine-family-details.html">
                                            <label class="fa-img"><img src="img/family-test.png"></label>
                                        </a>
                                        <div class="fa-intro">
                                            <label>世纪金源御府3室1厅2卫1厨108.00㎡</label>
                                            <span>建筑面积 108㎡</span>
                                            <em>重庆 世纪金源御府</em>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="fa-item">
                                    <div class="border">
                                        <a href="mine-family-details.html">
                                            <label class="fa-img"><img src="img/family-test.png"></label>
                                        </a>
                                        <div class="fa-intro">
                                            <label>世纪金源御府3室1厅2卫1厨108.00㎡</label>
                                            <span>建筑面积 108㎡</span>
                                            <em>重庆 世纪金源御府</em>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="fa-item">
                                    <div class="border">
                                        <a href="mine-family-details.html">
                                            <label class="fa-img"><img src="img/family-test.png"></label>
                                        </a>
                                        <div class="fa-intro">
                                            <label>世纪金源御府3室1厅2卫1厨108.00㎡</label>
                                            <span>建筑面积 108㎡</span>
                                            <em>重庆 世纪金源御府</em>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="fa-item">
                                    <div class="border">
                                        <a href="mine-family-details.html">
                                            <label class="fa-img"><img src="img/family-test.png"></label>
                                        </a>
                                        <div class="fa-intro">
                                            <label>世纪金源御府3室1厅2卫1厨108.00㎡</label>
                                            <span>建筑面积 108㎡</span>
                                            <em>重庆 世纪金源御府</em>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="fa-item">
                                    <div class="border">
                                        <a href="mine-family-details.html">
                                            <label class="fa-img"><img src="img/family-test.png"></label>
                                        </a>
                                        <div class="fa-intro">
                                            <label>世纪金源御府3室1厅2卫1厨108.00㎡</label>
                                            <span>建筑面积 108㎡</span>
                                            <em>重庆 世纪金源御府</em>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="fa-item">
                                    <div class="border">
                                        <a href="mine-family-details.html">
                                            <label class="fa-img"><img src="img/family-test.png"></label>
                                        </a>
                                        <div class="fa-intro">
                                            <label>世纪金源御府3室1厅2卫1厨108.00㎡</label>
                                            <span>建筑面积 108㎡</span>
                                            <em>重庆 世纪金源御府</em>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="fa-item">
                                    <div class="border">
                                        <a href="mine-family-details.html">
                                            <label class="fa-img"><img src="img/family-house.jpg"></label>
                                        </a>
                                        <div class="fa-intro">
                                            <label>世纪金源御府3室1厅2卫1厨108.00㎡</label>
                                            <span>建筑面积 108㎡</span>
                                            <em>重庆 世纪金源御府</em>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="col-xs-3">-->
                                <!--<div class="fa-item">-->
                                    <!--<div class="border">-->
                                        <!--<label class="fa-img"><img src="img/family-house.jpg"></label>-->
                                        <!--<div class="fa-intro">-->
                                            <!--<label>世纪金源御府3室1厅2卫1厨108.00㎡</label>-->
                                            <!--<span>建筑面积 108㎡</span>-->
                                            <!--<em>重庆 世纪金源御府</em>-->
                                        <!--</div>-->
                                        <!--<div class="none-intro">-->
                                            <!--<div class="d-table d-height">-->
                                                <!--<div class="cell">-->
                                                    <!--<label><img src="img/family-search.png"></label>-->
                                                    <!--<label>-->
                                                        <!--<span>没有找到合适的户型？</span>-->
                                                        <!--<span>3分钟快速DIY户型图<a href="#">GO >></a></span>-->
                                                    <!--</label>-->
                                                <!--</div>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        </div>

                        <div class="fb-paging pb-30">
                            <div class="pages">
                                <a class="prev none" href="javascript:;">首页</a>
                                <a class="prev none" href="javascript:;">上一页</a>
                                <label class="page-num">
                                    <a href="javascript:;" class="active">1</a>
                                    <a href="javascript:;">2</a>
                                    <a href="javascript:;">3</a>
                                    <a href="javascript:;">4</a>
                                    <a href="javascript:;">5</a>
                                    <span>···</span>
                                    <a href="javascript:;">10</a>
                                </label>
                                <a class="next" href="javascript:;">下一页</a>
                                <a class="next" href="javascript:;">尾页</a>
                            </div>
                            <label class="go">跳转到第<input type="text" value="">页</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-box">
        <div class="container">
            <div class="row">
                <div class="footer-cont">
                    <div class="menu">
                        <span><a href="#">商家入驻</a></span>
                        <span><a href="#">商家后台</a></span>
                        <span><a href="VR-custom.html">VR定制</a></span>
                        <span><a href="about-us.html?type=opinion">意见反馈</a></span>
                        <span><a href="about-us.html?type=agreement">用户协议</a></span>
                        <span><a href="about-us.html?type=about">关于我们</a></span>
                        <span><a href="about-us.html?type=job">工作机会</a></span>
                        <span><a href="about-us.html?type=contact">联系我们</a></span>
                        <span><a href="about-us.html?type=map" class="bd-no-right">网站地图</a></span>
                    </div>
                    <div class="intro clearfix">
                        <div class="fl">
                            <p><label><i class="fb-sprite icon-area"></i></label><span>重庆市渝北区嘉州协信中心A栋23层</span></p>
                            <p><label><i class="fb-sprite icon-email"></i></label><span>Sale@19area.cn</span></p>
                            <p><label><i class="fb-sprite icon-phone"></i></label><span>商务合作：<em class="fs-18">13452828599  /  13647631899</em></span>
                            </p>
                        </div>
                        <div class="fr">
                            <label>
                                <img src="img/ewm.jpg">
                                <span>移动版</span>
                            </label>
                            <label>
                                <img src="img/ewm.jpg">
                                <span>商务合作</span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span class="copyright">Copyright© 2017 www.19area.cn 重庆十九地带科技有限公司 版权所有　渝ICP备14009506号</span>
    </div>
</div>
<div class="go-top-box">
    <a href="javascript:;" id="goTop"><i class="fb-sprite icon-top"></i></a>
</div>


<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/jquery.jbox.js"></script>
<script src="js/common.js"></script>
<script src="js/base.js"></script>
<script>
    $(function () {
        //banner-滑动
        var banner = FB.newSwiper("#insBanner", 1, {
            autoplay: 0,
            prevButton: '.btn.left',
            nextButton: '.btn.right',
            onlyExternal: true,
            paginationClickable: true,
            pagination: '.swiper-thumb',
            paginationType: 'custom',
            onSlideChangeEnd: function (s) {
                var $item = $(".swiper-thumb .item");
                var length = $item.length;
                var index = s.activeIndex > length ? s.activeIndex - length - 1 : s.activeIndex - 1;
                var $current = $item.eq(index);
                $current.addClass("active").siblings().removeClass("active");
            }
        });

        //缩略图
        $(".swiper-thumb .item").click(function () {
            if ($(this).hasClass("active")) return false;
            $(this).addClass("active").siblings().removeClass("active");
            var index = $(this).index();
            banner.slideTo(index + 1);
        });
    })
</script>
</body>
</html>